// 基本样式
* {
    margin: 0;
    padding: 0;
}

li {
    list-style: none;
}

a {
    text-decoration: none;
    color: black;
}

// 版心
.w {
    width: 1200px;
    margin: 0 auto;
}

// 顶部导航栏
.top {
    display: flex;
    justify-content: space-between;
    color: #000;
    height: 45px;
    background-color: rgba(255, 255, 255, 0.7);
    box-shadow: 0 0 15px #747474;
    position: fixed;
    width: 100vw;

    .logo {
        width: 8vw;
        background-color: #422f2f;
        color: white;
        text-align: center;
        line-height: 35px;
        border-radius: 20px;
        margin: 5px;
    }

    .nav {
        width: 30vw;
    }
}

.null_box {
    height: 80px;
}

// 内容
    .one,.two {
        width: 800px;
        height: 200px;
        background-color: rgba(255, 255, 255, 0.5);
        box-shadow: 0 8px 25px 0 rgba(148, 146, 146, 0.7);
        margin: 0 auto;
        padding: 45px;
        margin-bottom: 40px;

        .title {
            color: #a52a21;
            font-weight: 700;
            font-size: 28px;
        }

        h3 {
            padding: 1px 0 0 40px;
            a {
                color: #8a24b3;
                font-size: 22px;
                text-decoration: none;
            }
        }
    }

.box:hover {
    box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.7);
    transition: all .5s;
}